import { memo } from "react";
export default memo(({ toggle }) => {
  return (
    <svg
      t="1652149136985"
      className="icon arrow-down"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="3231"
      width="20"
      height="20"
      style={{ transform: `rotate(${toggle ? "180deg" : "0"})` }}
    >
      <path
        d="M512 714.666667c-8.533333 0-17.066667-2.133333-23.466667-8.533334l-341.333333-341.333333c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l320 317.866667 317.866667-320c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L533.333333 704c-4.266667 8.533333-12.8 10.666667-21.333333 10.666667z"
        p-id="3232"
      ></path>
    </svg>
  );
});
